<template>
    <div>
      <el-form
        ref="elForm"
        :model="formData"
        :rules="rules"
        size="small"
        label-width="120px"
      >
        <el-form-item label="申请人基本信息 :"></el-form-item>
        <el-row type="flex" justify="start" align="top">
          <el-col :span="12">
            <el-form-item label="申请人 :" prop="field109">
              <el-input
                v-model="formData.field109"
                placeholder="请输入信息"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="户籍地址 :" prop="field121">
              <el-input
                v-model="formData.field121"
                placeholder="请输入户籍地址"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex" justify="start" align="top">
          <el-col :span="12">
            <el-form-item label="联系电话 :" prop="field123">
              <el-input
                v-model="formData.field123"
                placeholder="请输入联系电话"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="证件号码 :" prop="field124">
              <el-input
                v-model="formData.field124"
                placeholder="请输入证件号码"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex" justify="start" align="top">
          <el-col :span="12">
            <el-form-item label="代理人 :" prop="field129">
              <el-input
                v-model="formData.field129"
                placeholder="请输入代理人"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="证件号码 :" prop="field130">
              <el-input
                v-model="formData.field130"
                placeholder="请输入证件号码"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="房产基本信息 :"></el-form-item>
        <el-row type="flex" justify="start" align="top">
          <el-col :span="8">
            <el-form-item label="区 :" prop="field134">
              <el-input
                v-model="formData.field134"
                placeholder="请输入信息"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="建筑区域 :" prop="field135">
              <el-input
                v-model="formData.field135"
                placeholder="请输入建筑区域"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="9">
            <el-form-item label="丘地号 :" prop="field136">
              <el-input
                v-model="formData.field136"
                placeholder="请输入丘地号"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row type="flex" justify="start" align="top">
          <el-col :span="8">
            <el-form-item label="登记种类 :" prop="field138">
              <el-input
                v-model="formData.field138"
                placeholder="请输入登记种类"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="房屋性质 :" prop="field139">
              <el-input
                v-model="formData.field139"
                placeholder="请输入房屋性质"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="9">
            <el-form-item label="取得方式 :" prop="field140">
              <el-input
                v-model="formData.field140"
                placeholder="请输入取得方式"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex" justify="start" align="top">
          <el-col :span="16">
            <el-form-item label="房屋坐落 :" prop="field142">
              <el-input
                v-model="formData.field142"
                placeholder="请输入房屋坐落"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="9">
            <el-form-item label="分户图 :" prop="field144">
              <el-input
                v-model="formData.field144"
                placeholder="请输入分户图"
                clearable
                :style="{ width: '100%' }"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div>
        <el-form
          ref="elForm"
          :model="formData"
          :rules="rules"
          size="medium"
          label-width="220px"
        >
          <el-form-item label="交验证件 " size="50px"></el-form-item>
          <el-row>
            <el-col :span="8">
              <el-form-item label="登记申请书一份 :" prop="field134">
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="未选择文件" prop="field134">
                <el-button
                  type="primary"
                  icon="el-icon-picture-outline"
                  size="medium"
                >
                  选择文件
                </el-button>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="身份证复印件一份 :" prop="field134">
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="未选择文件" prop="field141">
                <el-button
                  type="primary"
                  icon="el-icon-picture-outline"
                  size="medium"
                >
                  选择文件
                </el-button>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="一寸照片一张 :" prop="field134">
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="未选择文件" prop="field144">
                <el-button
                  type="primary"
                  icon="el-icon-picture-outline"
                  size="medium"
                >
                  选择文件
                </el-button>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="购房发票复印件一份 :" prop="field134">
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="未选择文件" prop="field147">
                <el-button
                  type="primary"
                  icon="el-icon-picture-outline"
                  size="medium"
                >
                  选择文件
                </el-button>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item
                label="购房合同复印件（已备案）一份 :"
                prop="field134"
              >
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="未选择文件" prop="field150">
                <el-button
                  type="primary"
                  icon="el-icon-picture-outline"
                  size="medium"
                >
                  选择文件
                </el-button>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="契税完税证复印件一份 :" prop="field134">
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="未选择文件" prop="field153">
                <el-button
                  type="primary"
                  icon="el-icon-picture-outline"
                  size="medium"
                >
                  选择文件
                </el-button>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row> </el-row>
          <el-form-item size="large">
            <el-button type="primary">提交审核</el-button>
            <el-button >全部清空</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
</template>
<script>
  export default{
  components: {},
  props: [],
  methods: {

  },
  data() {
    return {
      formData: {},
      rules: {
        field102: '',
        field103: '',
        field104: '',
        field105: '',
        field106: '',
        field109: '',
        field121: '',
        field123: '',
        field124: '',
        field129: '',
        field130: '',
        field134: '',
        field135: '',
        field136: '',
        field138: '',
        field139: '',
        field140: '',
        field142: '',
        field144: '',
        field134: '',
        field137: '',
      },
    };
  },
  mounted() {
    this.rules.field124=this.$route.query.proposerCard;
    this.rules.field109=this.$route.query.proposerName;
    this.formData = this.rules;
    },
};
</script>
<style>
.el-table .warning-row {
  background: oldlace;
}

.el-table .success-row {
  background: #f0f9eb;
}
/* .ls{
    border: 1px solid;
    height: 1000px;
} */
</style>